﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="msleft" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="Shortcut Icon" href="images/en/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/jqzoom.css"  />
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script  type="text/javascript" src="js/jqzoom.pack.1.0.1.js"></script>
</head>
<body>
<div class="container">
<div id="header">
	<div class="header_tool"><a href="" title="" class="sign">Sign in <i>or</i> Create account</a><a href="" title="" class="cart">Shopping Cart</a></div>
	<div class="header_cons">
		<div class="cons">
			<a href="#" title="" id="logo"><img src="images/logo.jpg" alt="DAFT SHOPPING" /></a>
			<div class="image_container banner"><img alt="" src="upfile/banner.jpg"/></div>
		</div>
	</div>
	<div class="header_nav">
		<ul>
			<li><a href="#" title="">TODAY</a></li>
			<li><a href="#" title="">GIFT CARD</a></li>
			<li><a href="#" title="">FEEDBACK</a></li>
		</ul>
	</div> <!-- header_nav end -->
	<div class="head_share">
		<ul>
			<li><a href="#" title=""><img src="images/sociable/social_facebook.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_twitter.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_delicious.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_digg.gif" alt="" /></a></li>
		</ul>
	</div> <!-- head_share end -->
</div> <!-- header end  --> 
<div class="wrap">
<div class="left">
	<div id="nav">
		<dl>
			<dt class="select first"><span>CATEGORY</span></dt>
			<dd style="display:block;">
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt><span>BY BRAND</span></dt>
			<dd>
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt class="last"><span>POPULAR SEARCHES</span></dt>
			<dd></dd>
		</dl>
	</div><!-- nav end -->
</div> <!-- left end -->
<div class="main_coloum">
<div class="main" id="signin">
	<div class="main_left">
			<p>New to DAFT? </p>
			<h1>CREATE AN ACCOUNT</h1>
			<form method="post" action="">
				<div class="reg_account">
					<p>
						<label>Email</label><input type="text" name="" value="Enter your email" onfocus="if (this.value == 'Enter your email') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Enter your email'; }" class="ce_text" />
					</p>
					<p>
						<label>Password</label><input type="text" name="" value="Password" onfocus="if (this.value == 'Password') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Password'; }" class="ce_text" />
					</p>
					<p>
						<label>Confirm Password</label><input type="text" name="" value="Confirm Password" onfocus="if (this.value == 'Confirm Password') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Confirm Password'; }" class="ce_text" />
					</p>
				</div> <!-- reg_account end -->
				<div class="optional">
					<h4>Tell us more about you... (optional)</h4>
					<p>
						<span class="gender"><strong>Gender</strong> <input type="checkbox" name="" value="" class="checkbox" />M <input type="checkbox" name="" value="" class="checkbox" />F</span>
						<span class="birthday">
							<strong>Birthday</strong>
							<select class="month">
								<option value="" selected="selected">month</option>
								<option value="1">1</option>
								<option value="1">2</option>
								<option value="1">3</option>
								<option value="1">4</option>
								<option value="1">5</option>
								<option value="1">6</option>
								<option value="1">7</option>
								<option value="1">8</option>
								<option value="1">9</option>
								<option value="1">10</option>
								<option value="1">11</option>
								<option value="1">12</option>
							</select>
							<select class="day">
								<option value="" selected="selected">day</option>
								<option value="1">1</option>
								<option value="1">2</option>
								<option value="1">3</option>
								<option value="1">4</option>
								<option value="1">5</option>
								<option value="1">6</option>
								<option value="1">7</option>
								<option value="1">8</option>
								<option value="1">9</option>
								<option value="1">10</option>
								<option value="1">11</option>
								<option value="1">12</option>
								<option value="1">13</option>
								<option value="1">14</option>
							</select>
							<select class="year">
								<option value="" selected="selected">year</option>
								<option value="2001">2001</option>
								<option value="2000">2000</option>
								<option value="1999">1999</option>
								<option value="1998">1998</option>
								<option value="1997">1997</option>
								<option value="1996">1996</option>
								<option value="1995">1995</option>
								<option value="1994">1994</option>
								<option value="1993">1993</option>
								<option value="1992">1992</option>
								<option value="1991">1991</option>
								<option value="1990">1990</option>
							</select>
						</span>
					</p>
					<h5>In which city do you spend most of your time in China?</h5>
					<p>
						<select class="most_time">
							<option value="" selected="selected">where i spent most of my time</option>
							<option value="">test test select</option>
							<option value="">test test select</option>
							<option value="">test test select</option>
						</select>
						<select class="some_time">
							<option value="" selected="selected">where i spent some of my time</option>
							<option value="">test test select</option>
							<option value="">test test select</option>
							<option value="">test test select</option>
						</select>
					</p>
					<h5>Your social networks</h5>
					<p class="social">
						<label><input type="checkbox" name="" value="" class="checkbox" />Facebook</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />My Space</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />Renren</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />Kaixin</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />Twitter</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />Flickr</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />Tudou</label>
						<label><input type="checkbox" name="" value="" class="checkbox" />City Weekend</label>
					</p>
				</div> <!-- optional end -->
				<div class="protocol">
					<p><input type="checkbox" name="" value="" />I agree with terms of use.</p>
					<p><input type="checkbox" name="" value="" />Yes, send me emails showcasing new items and gift ideas.</p>
				</div>
				<p class="submits"><input type="submit" name="submit" value="CREATE ACCOUNT" class="submit" /></p>
			</form>
	</div> <!-- main_left end -->
	<div class="main_right">
			<p>We've got you back!</p>
			<h1>SIGN IN</h1>
			<form method="post" action="">
				<div class="reg_account">
					<p>
						<label>Email</label><input type="text" name="" value="Enter your email" onfocus="if (this.value == 'Enter your email') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Enter your email'; }" class="ce_text" />
					</p>
					<p>
						<label>Password</label><input type="text" name="" value="Password" onfocus="if (this.value == 'Password') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Password'; }" class="ce_text" />
					</p>
					<p class="forgot"><a href="" title="">Forgot password?</a></p>
					<p class="submits"><input type="submit" name="submit" value="ENTER" class="submit" /></p>
				</div> <!-- reg_account end -->
			</form>

	</div> <!-- main_right end -->
</div> <!-- main end -->
</div> <!-- main_coloum end -->
</div> <!-- wrap  -->
<div id="footer">
	<div class="footer_column">
		<h4>CUSTOMER SERVICE</h4>
		<p><a href="#" title="">Size</a></p>
		<p><a href="#" title="">Shipping info</a></p>
		<p><a href="#" title="">Order tracking</a></p>
		<p><a href="#" title="">Return policy</a></p>
		<p><a href="#" title="">CS@daftshopping.com</a></p>
	</div>
	<div class="footer_column">
		<h4>PAYMENT METHOD</h4>
		<p><a href="#" title="">Paypal</a></p>
		<p><a href="#" title="">Credit Card</a></p>
		<p><a href="#" title="">Cash Upon Delivery</a></p>
	</div>
	<div class="footer_column">
		<h4>CONTACT DAFT</h4>
		<p><a href="#" title="">Info@daftshopping.com</a></p>
		<p><a href="#" title="">Toll-free 400-800-1234</a></p>
	</div>
	<div class="footer_right">
		<div class="share">
			<span>JOIN THE GANG</span>
			<ul>
				<li><a href="#" title=""><img src="images/sociable/social_facebook.gif" alt="" />Facebook  </a></li>
				<li><a href="#" title=""><img src="images/sociable/social_twitter.gif" alt="" />Twitter</a></li>
				<li><a href="#" title=""><img src="images/sociable/social_delicious.gif" alt="" />Delicious</a></li>
			</ul>
		</div>
		<p>Subscribe to our monthly newsletter stuffed with subscriber-only promotions, super sweepstakes and insider scoops on new products.</p>
		<div class="mod_box_items subscribe block">
			<div class="ce_text">
				<div class="ce_text block">
						<form method="post" action="">
							<p>
								<input type="text" value="Subscribe our e-newsletter" onfocus="if (this.value == 'Subscribe our e-newsletter') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Subscribe our e-newsletter'; }" class="text" name="email"/>
								<input type="submit" value="SUBMIT" name="submit" class="submit" />
							</p>
						</form>
				</div>
			</div>
		</div> <!-- mod_box_items end -->
	</div> <!-- footer_right end -->
	<div class="footer_bottom">
		<div class="copyright">
			<p>Copyright&copy;Daft &amp; its Partners 2009 | <a href="#" title="">Terms & Conditions</a>  |  <a href="#" title="">Privacy Policy</a> </p>
		</div>	
		<div class="note">
			<p>DAFT hates spam. Your personal information is safe with us.</p>
		</div>
	</div>
</div><!-- footer end -->
</div><!-- container end -->

<script type="text/javascript">

$(function() {
	var options = {
	    zoomWidth: 400,
	    zoomHeight: 352,
		xOffset: 10,
		yOffset: 0,
	    showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		
		position: "right" //and MORE OPTIONS
	};

	$(".jqzoom").jqzoom(options);
});
</script>
</body>
</html>


